<template>
  <div>
    <div class="wrapper">
      <div class="wrapper tag-item">
        <div class="fl left-list">
          <div class="job-position">
            <div class="job-type reco-job">
              <div class="head">
                <h4 class="title pull-left">推荐职位</h4>
                <span class="more pull-right">
                  <a href="#">
                    更多职位推荐&nbsp;&nbsp;
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                  </a>
                </span>
                <div class="clearfix"></div>
              </div>
              <ul class="yui3-g job-list" style="display:block;">
                <li class="yui3-u-1-2 job-item" v-for="(recommend,index) in recommendList" :key="index">
                  <p>
                    <span class="name">
                      <a href="~/assets/recruit-detail.html" target="_blank">{{recommend.jobname}}</a>
                    </span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
              </ul>
            </div>
            <div class="job-type latest-job">
              <div class="head">
                <h4 class="title pull-left">最新职位</h4>
                <span class="more pull-right">
                  <a href="#">
                    更多职位推荐&nbsp;&nbsp;
                    <i class="fa fa-angle-right" aria-hidden="true"></i>
                  </a>
                </span>
                <div class="clearfix"></div>
              </div>
              <ul class="yui3-g job-list" style="display:block;">
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">
                      <a href="~/assets/recruit-jobDetail.html" target="_blank">Python开发工程师</a>
                    </span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
                <li class="yui3-u-1-2 job-item">
                  <p>
                    <span class="name">Python开发工程师</span>
                    <span class="city">
                      <i class="fa fa-map-marker"></i> 北京
                    </span>
                  </p>
                  <p class="need">
                    <span class="money">15K-25K</span>/经验3-5年/本科及以上/全职
                  </p>
                  <p>
                    <span class="company">百度 &middot; 6天前</span>
                  </p>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="fl right-tag">
          <div class="hot-company">
            <p class="mail">提交收录请发邮件至ccccccc@qq.com</p>
            <div class="company">
              <div class="head">
                <h4>热门企业</h4>
              </div>
              <ul class="yui3-g company" style="display:block;">
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-baidu.png" alt>
                  </p>
                  <p class="title">百度</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-360.png" alt>
                  </p>
                  <p class="title">360</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-toutiao.png" alt>
                  </p>
                  <p class="title">今日头条</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-baidu.png" alt>
                  </p>
                  <p class="title">百度</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-360.png" alt>
                  </p>
                  <p class="title">360</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-toutiao.png" alt>
                  </p>
                  <p class="title">今日头条</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-baidu.png" alt>
                  </p>
                  <p class="title">百度</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-360.png" alt>
                  </p>
                  <p class="title">360</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
                <li class="yui3-u-1-3 company-item">
                  <p>
                    <img src="~/assets/img/widget-toutiao.png" alt>
                  </p>
                  <p class="title">今日头条</p>
                  <p class="position">
                    <a href="~/assets/recruit-company.html" target="_blank">32个职位</a>
                  </p>
                </li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
  </div>
</template>
<script>
import "~/assets/css/page-sj-recruit-index.css";
import recruitApi from "@/api/recruit";
import enterpriseApi from "@/api/enterprise";
import axios from "axios";
export default {
  asyncData() {
    return axios
      .all([
        recruitApi.recommend(),
        recruitApi.newList(),
        enterpriseApi.hotlist()
      ])
      .then(
        axios.spread(function(recommendList, newList, hotList) {
          return {
            recommendList: recommendList.data.data,
            newList: newList.data.data,
            hotList: hotList.data.data
          };
        })
      );
  }
};
</script>

